/**
* 作者 ：食草狂魔
*
* 日期 ：2017/11/14
*
* 描述 ：首页组件 - 目录统计
*/
<template>
  <el-row class="menucount">
    <!--<el-row class="updateTimeRow">-->
      <!--<el-col><span class="updateTime">2017-11-08  15:00</span>  更新</el-col>-->
    <!--</el-row>-->
    <el-row class="menuCountRow">
      <el-col :span="6">
        <span class="menuTitle">资源目录总数</span>
        <span class="menuNum">{{menuCountData.basisDirTypeNum+menuCountData.themeDirTypeNum+menuCountData.departmentDirTypeNum}}</span>
      </el-col>
      <el-col :span="6">
        <span class="menuTitle">基础信息资源目录</span>
        <span class="menuNum">{{menuCountData.basisDirTypeNum}}</span>
      </el-col>
      <el-col :span="6">
        <span class="menuTitle">主题信息资源目录</span>
        <span class="menuNum">{{menuCountData.themeDirTypeNum}}</span>
      </el-col>
      <el-col :span="6">
        <span class="menuTitle">部门信息资源目录</span>
        <span class="menuNum">{{menuCountData.departmentDirTypeNum}}</span>
      </el-col>
    </el-row>
  </el-row>
</template>
<script>
  export default {
    props: ["menuCountData"],
    name: 'menuCount',
    components: {
    },
    updated(){
    	console.log(this.menuCountData)
    },
    data () {
      return {
      }
    }
  }
</script>
<style>
  .menucount{
    background-color: #d4effb;
    height: 150px;
    width: 94%;
    margin: 0 auto;
  }
  .updateTimeRow{
    line-height: 30px;
    text-align: left;
    padding-left: 10px;
    color: #646464;
  }
  .menuCountRow{
    line-height: 120px;
  }
  .menuCountRow .el-col-6{
    background: none;
    border: 0;
  }
  .menuTitle{
    font-size: 2.2rem;
    font-weight: bold;
  }
  @font-face
  {
    font-family: myFirstFont;
    src: url('../../../../assets/fonts/LetsgoDigitalRegular.ttf');
  }
  .menuNum{
    font-family:myFirstFont;
    background-color: #076bc1;
    color: #ffffff;
    font-size: 3.2rem;
    border-radius: 5px;
    padding: 0 8px;
  }
</style>
